.con-flex {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.pagination {
  text-align: center;
}

.pagination a {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #222222;
  margin: 0 .25rem;
}

.pagination a.active {
  background-color: #B28B72;
  color: #fff;
}

.pagination .prev,
.pagination [rel=prev],
.pagination .next,
.pagination [rel=next] {
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}

.pagination .prev,
.pagination [rel=prev] {
  background-image: url(../img/icon/2-002.png);
}

.pagination .next,
.pagination [rel=next] {
  background-image: url(../img/icon/2-004.png);
}

@media screen and (min-width: 1025px) {
  .pagination a {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .pagination a:hover {
    background-color: #B28B72;
    color: #fff;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .pagination .prev:hover,
  .pagination [rel=prev]:hover,
  .pagination .prev:hover,
  .pagination [rel=prev]:hover {
    background-color: #B28B72;
  }

  .pagination .prev:hover,
  .pagination [rel=prev]:hover {
    background-image: url(../img/icon/2-003.png);
  }

  .pagination .next:hover,
  .pagination [rel=next]:hover {
    background-image: url(../img/icon/2-005.png);
  }
}

@media screen and (max-width: 1024px) {
  .pagination a {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 13px;
    margin: 0 .1rem;
  }
}

.h3-hide {
  height: 3rem;
}

.pcbox {
  display: block;
}

.mbox {
  display: none;
}

.h80 {
  height: 2rem;
  line-height: 2rem;
}

.zicolor {
  color: #523a33;
}

.lin1 {
  line-height: 1;
}

.bgcenter {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.designs-list .items .imgs {
  padding-top: 67.5%;
}

.fashions-bots {
  background: #f9f9f9;
  padding-top: 2.5rem;
  padding-bottom: 3.25rem;
}

.fashions-bots .list {
  position: relative;
  overflow: hidden;
  padding-bottom: 2rem;
}

.fashions-bots .list .item {
  position: absolute;
  width: 23.75%;
  margin-bottom: .7rem;
}

.fashions-bots .fashions-list {
  margin-top: 1.95rem;
}

.fashions-bots .span {
  background: #fff;
  text-align: center;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  padding: 0 .2rem;
  justify-content: center;
  align-items: center;
}

.fashions-bots .span .b {
  line-height: 1.66;
  color: #333;
  max-height: 3.32em;
  overflow: hidden;
}

.designs-fixeds {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 5000;
}

.designs-fixeds .box {
  background: #f2f2f2;
  background: rgba(255, 255, 255, 1);
  position: absolute;
  height: 95%;
  left: 50%;
  top: 50%;
  padding: .65rem 0;
  transform: translate(-50%, -50%);
}

.designs-fixeds .box .cons {
  padding: 0 5rem;
  overflow: hidden;
  height: 100%;
  overflow-y: auto;
}

.designs-fixeds .imgs {
  padding-top: 67%;
}

.designs-fixeds .close {
  width: 1.25rem;
  height: 1.25rem;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url(../img/icon/cha.png);
  background-position: center;
  background-size: 30%;
  position: absolute;
  right: .5rem;
  top: .5rem;
  cursor: pointer;
}

.designs-fixeds .c-swiper .swiper-button-prev,
.designs-fixeds .c-swiper .swiper-button-next {
  background-color: #B28B72;
}

.designs-fixeds .swiper-button-prev {
  left: -2.25rem;
}

.designs-fixeds .swiper-button-next {
  right: -2.25rem;
}

.designs-fixeds .words {
  padding-top: 1.3rem;
  padding-bottom: 1.1rem;
}

/* .designs-fixeds .words .tits {
  line-height: 1.55;
} */

.designs-fixeds .words .tits .span {
  font-size: .7rem;
  margin-top: .5rem;
}

.designs-fixeds .words .tits .span span {
  /* font-size: .9rem; */
}

.designs-fixeds .words .wen {
  line-height: 2;
  color: #888888;
  margin-top: .5rem;
}

@media screen and (max-width: 1024px) {
  .mbox {
    display: block;
  }

  .pcbox {
    display: none;
  }
}

img.w100 {
  width: 100%;
}

.w1120 {
  width: 58.33%;
  margin: 0 auto;
}

.k-searchs-banner {
  color: #fff;
  position: relative;
}

.k-searchs-banner input:-moz-placeholder,
.k-searchs-banner textarea:-moz-placeholder {
  color: #666;
}

.k-searchs-banner input::-moz-placeholder,
.k-searchs-banner textarea::-moz-placeholder {
  color: #666;
}

.k-searchs-banner input:-ms-input-placeholder,
.k-searchs-banner textarea:-ms-input-placeholder {
  color: #666;
}

.k-searchs-banner input::-webkit-input-placeholder,
.k-searchs-banner textarea::-webkit-input-placeholder {
  color: #666;
}

.k-searchs-banner .images {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}

.k-searchs-banner .images:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../img/icon/1-001.png) no-repeat center;
  background-size: cover;
}

.k-searchs-banner .images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.k-searchs-banner input {
  color: #666;
}

.k-searchs-banner .k-searchs-inputs {
  position: relative;
  z-index: 3;
  width: 530px;
  margin: 0 auto;
  padding-top: 3.7rem;
  padding-bottom: 3.55rem;
}

.k-searchs-inputs .texts {
  padding: 0 .6rem;
  line-height: 1.714;
  margin-top: .3rem;
}

.k-searchs-inputs .texts .span:nth-child(n+2) {
  margin-left: .55rem;
}

.k-searchs-inputs .inputs {
  position: relative;
}

.k-searchs-inputs .inputs input[type=text] {
  height: 1.25rem;
  line-height: 1.25rem;
  border: 1px solid #f1f1f1;
  background-color: #fff;
  width: 100%;
  padding: 0 .6rem;
  padding-right: 1.5rem;
}

.k-searchs-inputs .inputs .submit {
  width: 1.5rem;
  height: 1.25rem;
  position: absolute;
  right: 0;
  overflow: hidden;
  top: 0;
}

.k-searchs-inputs .inputs input[type=submit] {
  width: 100%;
  height: 100%;
  background-image: url(../img/icon/2-001.png);
  background-color: #B28B72;
  overflow: hidden;
  text-indent: -999px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: .375rem .375rem;
}

.k-list-text {
  color: #222222;
  line-height: 1.416;
}

.k-list-text span {
  color: #B28B72;
}

.k-searchs {
  padding-top: 1.85rem;
  padding-bottom: 2.9rem;
}

.k-searchs .k-list {
  padding-bottom: 2.25rem;
}

.k-searchs .k-list-titles {
  margin-top: .6rem;
  margin-bottom: .9rem;
}

.k-searchs .list {
  border-top: 1px solid #eeeeee;
}

.k-searchs .items {
  border-bottom: 1px solid #eeeeee;
  padding-top: .3rem;
  width: 48%;
  margin-left: 4%;
}

.k-searchs .items:nth-child(2n+1) {
  margin-left: 0;
}

.k-searchs .items .span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  height: 1.625rem;
  line-height: 1.625rem;
  color: #000000;
  padding: 0 .8rem;
  position: relative;
}

.k-searchs .items .span:before {
  position: absolute;
  content: "";
  left: .35rem;
  width: .15rem;
  height: .15rem;
  border-radius: 50%;
  background-color: #B28B72;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}

.k-list-titles .li {
  padding: 0 1.25rem;
  line-height: 1.1rem;
  height: 1.1rem;
  color: #222222;
}

.k-list-titles .li.active {
  color: #fff;
  background-color: #B28B72;
}

.con-list-titles {
  border-bottom: 1px solid #e5e5e5;
}

.con-list-titles .items {
  width: auto;
  padding: 0 0.95rem;
  cursor: pointer;
  color: #666666;
}

.con-list-titles .items .span {
  position: relative;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.con-list-titles .items .span:before {
  position: absolute;
  content: "";
  background-color: #563930;
  height: 2px;
  width: 100%;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.con-list-titles .items.active .span {
  color: #523a33;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.con-list-titles .items.active .span:before {
  opacity: 1;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.con-list-titles .items:nth-child(1) {
  padding-left: 0;
}

.con-list-titles .items:last-child {
  padding-right: 0;
}

.con-list-01 {
  padding-top: 3rem;
  padding-bottom: 2.25rem;
}

.con-pro-titles {
  position: relative;
  padding-left: 2.95rem;
  padding-bottom: 1.4rem;
}

.con-pro-titles:before {
  position: absolute;
  content: "";
  width: 100%;
  height: .2rem;
  background-color: #B28B72;
  left: 0;
  bottom: 0;
}

.con-pro-titles .spans {
  position: absolute;
  width: 2.25rem;
  height: 2.25rem;
  line-height: 2.25rem;
  text-align: center;
  background-color: #B28B72;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}

.con-pro-titles .tits {
  line-height: 1.45;
  color: #523a33;
}

.con-pro-titles .txts {
  margin-top: .1rem;
  line-height: 1.66;
  color: #888888;
}

.con-list-01 .li-bot-texts {
  padding-top: .75rem;
}

.con-list-01 .li-bot-texts .icons {
  margin-top: .75rem;
  overflow: hidden;
}

.con-list-01 .li-bot-texts .wen {
  color: #888888;
  line-height: 1.55;
}

.con-list-01 .con-pro-list {
  padding-top: .2rem;
}

.con-list-01 .con-pro-list .li-box {
  padding-top: 1.55rem;
}

.con-list-01 .con-pro-list .li-bots {
  margin-top: 1.125rem;
}

.con-list-01 .con-pro-list .li-bots .imgs {
  padding-top: 66.67%;
  position: relative;
  overflow: hidden;
}

.con-list-01 .con-pro-list .li-bots .i {
  display: block;
  position: relative;
  width: 23.625%;
  margin-left: 1.83%;
  margin-bottom: 1.1rem;
}

.con-list-01 .con-pro-list .li-bots .i:nth-child(4n+1) {
  margin-left: 0;
}

.con-list-01 .con-pro-list .li-bots .i img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.con-list-01 .con-pro-list .li-bots .i .spans {
  position: absolute;
  color: #fff;
  z-index: 1;
  left: 0;
  bottom: 0;
  padding: 0 .6rem;
  line-height: 1.35rem;
  height: 1.35rem;
}

.con-prolist-box .li-tits {
  line-height: 1;
  color: #523a33;
}

.con-prolist-box .li-text {
  margin-top: .3125rem;
  line-height: 1.55;
  color: #888888;
}

.con-list-02 {
  padding-top: 2.25rem;
  padding-bottom: 2.025rem;
}

.con-list-02 .con-pro-list {
  padding-top: 1.3rem;
}

.con-list-02 .con-pro-list .li-box {
  padding-top: .5rem;
}

.con-list-02 .con-pro-list .li-box:nth-child(n+2) {
  margin-top: 1.4rem;
}

.con-list-02 .con-pro-list .li-bots-2 {
  margin-top: 1.1rem;
}

.con-list-02 .con-pro-list .li-bots {
  margin-top: 1rem;
}

.con-list-02 .con-pro-list .li-bots .imgs {
  overflow: hidden;
}

.con-list-02 .con-pro-list .li-bots .spans {
  height: 3em;
  line-height: 3em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #222222;
}

.con-list-02 .con-pro-list .li-bots-2 .i,
.con-list-02 .con-pro-list .li-bots .i {
  width: 49%;
  margin-left: 2%;
}

.con-list-02 .con-pro-list .li-bots-2 .i:nth-child(2n+1),
.con-list-02 .con-pro-list .li-bots .i:nth-child(2n+1) {
  margin-left: 0;
}

.con-list-03 {
  padding-top: 2.025rem;
  padding-bottom: 2.2rem;
}

.con-list-03 .con-pro-list {
  padding-top: 1.7rem;
}

.con-list-03 .li-bots-imgs {
  margin-top: 0.75rem;
}

.con-list-03 .li-box-bottoms {
  margin-top: 2.05rem;
}

.con-list-03 .li-bots {
  margin-top: .8rem;
}

.con-list-03 .li-box .items {
  width: 49%;
  margin-left: 2%;
}

.con-list-03 .li-box .items:nth-child(2n+1) {
  margin-left: 0;
}

.con-list-03 .li-box .li-tits {
  line-height: 1.28125;
}

.con-list-03 .li-box .li-text {
  margin-top: .2rem;
}

.con-list-03 .li-box-bottoms .items {
  width: 100%;
  margin-left: 0;
}

.con-list-03 .li-bots-imgs {
  position: relative;
}

.con-list-03 .li-bots-imgs .i {
  position: absolute;
  display: block;
}

.con-list-03 .li-bots-imgs .i img {
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.con-list-03 .li-bots-imgs .icons {
  overflow: hidden;
}

.con-list-03 .li-bots-imgs .i0 {
  left: 16.94%;
  top: 31.49%;
  width: 16.18%;
  /*height: 4.13%;*/
}

.con-list-03 .li-bots-imgs .i0 .icons {
  padding-top: 141%;
}

.con-list-03 .li-bots-imgs .i1 {
  left: 38.38%;
  top: 18.14%;
  width: 21.5%;
}

.con-list-03 .li-bots-imgs .i1 .icons {
  padding-top: 141.86%;
}

.con-list-03 .li-bots-imgs .i2 {
  left: 65.13%;
  top: 31.2%;
  width: 16.125%;
}

.con-list-03 .li-bots-imgs .i2 .icons {
  padding-top: 142%;
}

.con-list-03 .li-bots-texts {
  margin-top: 1.05rem;
  line-height: 1.66;
  color: #888888;
}

.con-list-04 {
  padding-top: 2.2rem;
  padding-bottom: 4.25rem;
}

.con-list-04 .con-pro-list {
  padding-top: .25rem;
}

.con-list-04 .li-box {
  padding-top: 1.5rem;
}

.con-list-04 .li-box .imgs-icons {
  margin-top: 1.05rem;
}

.con-list-04 .li-box-01 .li-bots {
  margin-top: .9rem;
}

.con-list-04 .li-box-01 .li-bots .i {
  width: 31.875%;
  margin-left: 2.1875%;
  margin-bottom: 1rem;
}

.con-list-04 .li-box-01 .li-bots .i .imgs {
  overflow: hidden;
}

.con-list-04 .li-box-01 .li-bots .i .imgs img {
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.con-list-04 .li-box-01 .li-bots .i .spans {
  line-height: 3.6em;
  height: 3.6em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #666666;
}

.con-list-04 .li-box-01 .li-bots .i:nth-child(3n+1) {
  margin-left: 0;
}

.con-prolist-box {
  position: relative;
}

.con-prolist-box .prolist-left-tips {
  position: absolute;
  left: 0;
  top: 0;
}

.con-prolist-box .prolist-left-tips .uls {
  position: absolute;
  left: .6rem;
  /*top: 0;*/
  top: 2.95rem;
  width: 60px;
  line-height: 1;
  flex-direction: column;
}

.con-prolist-box .prolist-left-tips .uls,
.con-prolist-box .prolist-left-tips .uls a {
  color: #888888;
}

.con-prolist-box .prolist-left-tips .uls .li:nth-child(n+2) {
  margin-top: .45rem;
}

.con-prolist-box .prolist-left-tips .uls .li {
  padding-left: .6rem;
  position: relative;
}

.con-prolist-box .prolist-left-tips .uls .li:before {
  position: absolute;
  content: "";
  width: .3rem;
  height: 3px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #c2c2c2;
}

.con-prolist-box .prolist-left-tips .uls .li.active {
  padding-left: 1.125rem;
  color: #B28B72;
  font-weight: bold;
}

.con-prolist-box .prolist-left-tips .uls .li.active:before {
  width: .9rem;
  background-color: #B28B72;
}

.con-jlist {
  position: relative;
}

.con-jlist .cons-tit-box.fixed .uls {
  position: fixed;
}

.con-jlist .abli {
  position: relative;
}

.con-jlist .abli .kj {
  position: absolute;
  left: 0;
  top: 0;
  /*top: -3rem;*/
}

.con-prolist-box .prolist-left-tips {
  z-index: 1000;
}

.styles-tops {
  padding-bottom: 1rem;
  padding-top: 2.25rem;
}

.styles-tops .lines {
  height: 1px;
  width: 100%;
  background-color: #e5e5e5;
  margin-top: 1rem;
  margin-bottom: 1.05rem;
}

.styles-tops .list .items {
  width: 18.4375%;
  margin-left: 1.953125%;
  margin-bottom: .35rem;
  color: #222222;
}

.styles-tops .list .items .imgs {
  padding-top: 40.68%;
  position: relative;
  overflow: hidden;
}

.styles-tops .list .items .imgs img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}

.styles-tops .list .items:nth-child(5n+1) {
  margin-left: 0;
}

.styles-tops .list .items .texts {
  line-height: 1.75rem;
  height: 1.75rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.styles-bots {
  padding-bottom: 3.5rem;
}

.styles-bots-itemsbox .list {
  padding-bottom: .75rem;
  padding-top: 1.125rem;
}

.styles-bots-itemsbox .list .items {
  width: 31.875%;
  margin-left: 2.1875%;
  margin-bottom: .5rem;
}

.styles-bots-itemsbox .list .items:nth-child(3n+1) {
  margin-left: 0;
}

.styles-bots-itemsbox .list .items .imgs {
  padding-top: 62.745%;
}

.styles-bots-itemsbox .list .items .span {
  height: 2.25rem;
  line-height: 2.25rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #222222;
}

.imgpre {
  position: relative;
  overflow: hidden;
}

.imgpre img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.styles-bots-listtitles .inputs {
  position: relative;
  margin-top: 0.5rem;
}

.styles-bots-listtitles .inputs input:-moz-placeholder,
.styles-bots-listtitles .inputs textarea:-moz-placeholder {
  color: #fff;
}

.styles-bots-listtitles .inputs input::-moz-placeholder,
.styles-bots-listtitles .inputs textarea::-moz-placeholder {
  color: #fff;
}

.styles-bots-listtitles .inputs input:-ms-input-placeholder,
.styles-bots-listtitles .inputs textarea:-ms-input-placeholder {
  color: #fff;
}

.styles-bots-listtitles .inputs input::-webkit-input-placeholder,
.styles-bots-listtitles .inputs textarea::-webkit-input-placeholder {
  color: #fff;
}

.styles-bots-listtitles .inputs input[type=text] {
  height: 1.35rem;
  line-height: 1.35rem;
  color: #fff;
  /* border-bottom: 1px solid #e2e2e2; */
  width: calc(100% - 4rem);
  padding: 0 .5rem;
  background-color: #B28B72;
}

.styles-bots-listtitles .inputs .submits {
  width: 4rem;
  text-align: center;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  background-color: #563F3A;
}

.styles-bots-listtitles .inputs .submits input[type=submit] {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
  left: 0;
  opacity: 0;
}

.styles-bots-listtitles .inputs .submits .span {
  height: 1.35rem;
  line-height: 1.35rem;
}

.styles-bots-listtitles .inputs .submits .span span {
  display: inline-block;
  vertical-align: top;
  padding-right: .9rem;
  position: relative;
}

.styles-bots-listtitles .inputs .submits .span span:before {
  position: absolute;
  content: "";
  width: .4rem;
  height: .4rem;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/icon/ser.png) no-repeat center;
  background-size: 100%;
}

.styles-bots-listtitles .uls {
  border: 1px solid #E2E2E2;
}

.styles-bots-listtitles .uls .i {
  height: 1.75rem;
  line-height: 1.75rem;
}

.styles-bots-listtitles .uls .mores {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 1.75rem;
  height: 1.75rem;
  padding-right: 2.1rem;
  cursor: pointer;
  display: none !important;
}

.styles-bots-listtitles .uls .mores span {
  position: relative;
  padding-right: .5rem;
  color: #888888;
}

.styles-bots-listtitles .uls .mores span:before {
  position: absolute;
  content: "";
  width: .25rem;
  height: .15rem;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/icon/2-006.png) no-repeat center;
  background-size: 100%;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  transform: rotate(-90deg);
}

.styles-bots-listtitles .uls .mores.active span:before {
  transform: rotate(0);
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.styles-bots-listtitles .uls .lis {
  align-items: stretch;
}

.styles-bots-listtitles .uls .lis-tops {
  width: 5.25rem;
  /*height: 1.75rem;*/
  line-height: 1.75rem;
  overflow: hidden;
  text-align: left;
  padding: 0 1rem;
  background-color: #f1f1f1;
}

.styles-bots-listtitles .uls .lis.active .lis-bots {
  height: auto;
}

.styles-bots-listtitles .uls .lis-bots {
  width: calc(100% - 5.25rem);
  padding-left: 3rem;
  padding-right: 3.75rem;
  position: relative;
  height: 1.75rem;
  overflow: hidden;
}

.styles-bots-listtitles .uls .lis-bots .i:nth-child(1) {
  position: absolute;
  left: 1.2rem;
  top: 0;
}

.styles-bots-listtitles .uls .lis-bots .i span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1rem;
  height: 1rem;
  padding: 0 .3rem;
  border-radius: 1rem;
}

.styles-bots-listtitles .uls .lis-bots .i {
  margin-right: .4rem;
  cursor: pointer;
}

.styles-bots-listtitles .uls .lis-bots .i:last-child {
  margin-right: 0;
}

.styles-bots-listtitles .uls .lis-bots .i.active span {
  color: #fff;
  background: #B28B72;
}

.styles-bots-listtitles .uls .lis {
  border-bottom: 1px dashed #d9d9d9;
}

.styles-bots-listtitles .uls .lis:last-child {
  border-bottom: none;
}

.product-titles {
  height: 2rem;
  line-height: 2rem;
  border-bottom: 1px solid #e5e5e5;
  color: #666666;
}

.product-titles .box {
  align-items: center;
}

.product-titles img {
  display: block;
}

.product-titles a {
  color: #666666;
}

.product-titles span {
  margin: 0 .15rem;
}

.product-titles img.homes {
  margin-right: .25rem;
}

.proinfo-bots .imgs {
  padding-top: 50%;
}

.tc {
  text-align: center;
}

.c-swiper {
  position: relative;
}

.c-swiper .swiper-button-next,
.c-swiper .swiper-button-prev {
  width: 1.25rem;
  height: 1.25rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: rgba(178, 139, 114, 0.3);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
}

.c-swiper .swiper-button-next:before,
.c-swiper .swiper-button-next:after,
.c-swiper .swiper-button-prev:before,
.c-swiper .swiper-button-prev:after {
  display: none;
}

.c-swiper .swiper-button-next {
  background-image: url(../img/icon/3-002.png);
}

.c-swiper .swiper-button-prev {
  background-image: url(../img/icon/3-001.png);
}

.swiperwidth {
  display: none;
  width: 10px;
}

.proinfo-swiper {
  width: 62.5%;
  margin-left: auto;
  margin-right: auto;
}

.proinfo-swiper .swiper-container {
  overflow: visible;
}

.proinfo-swiper .swiperwidth {
  width: 5rem;
}

.proinfo-swiper .icons {
  width: 50px;
  height: 50px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  z-index: 5;
  background: url(../img/icon/3-003.png) #fff no-repeat center;
  border-radius: 50%;
  background-size: 100%;
  pointer-events: none;
  opacity: 0;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.proinfo-swiper .icons:before {
  position: absolute;
  content: "";
  width: calc(100% + .4rem);
  height: calc(100% + .4rem);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
}

.proinfo-swiper .link {
  position: relative;
}

.proinfo-swiper .link .imgs {
  position: relative;
}

.proinfo-swiper .link .imgs:before {
  position: absolute;
}

.proinfo-swiper .link .icons {
  display: block;
}

.c-swiper.onac .swiper-button-next,
.c-swiper.onac .swiper-button-prev,
.c-swiper.onac .swiper-pagination {
  display: none !important;
}

.proinfo-bots {
  padding-top: 2.675rem;
  padding-bottom: 3.5rem;
  background-color: #f6f6f6;
}

.proinfo-bots .proinfo-swiper {
  margin-top: 1.3rem;
}

.proinfo-bots .proinfo-swiper .swiper-button-prev {
  left: -2.25rem;
}

.proinfo-bots .proinfo-swiper .swiper-button-next {
  right: -2.25rem;
}

.wow {
  opacity: 0;
}

.proinfo-tops {
  padding-top: 2.25rem;
  padding-bottom: 2.75rem;
}

.proinfo-tops .images,
.proinfo-tops .words {
  width: 50%;
}

.proinfo-tops .words {
  padding-left: 2.5rem;
  padding-top: 1.25rem;
}

.proinfo-tops .uls {
  margin-top: .75rem;
}

.proinfo-tops .uls .lis {
  border-top: 1px solid rgba(34, 34, 34, 0.1);
  padding-top: .3rem;
  padding-bottom: .3rem;
}

.proinfo-tops .uls .lis:last-child {
  border-bottom: 1px solid rgba(34, 34, 34, 0.1);
}

.proinfo-tops .uls .lis-left {
  width: 2.9rem;
  padding-right: .15rem;
  color: #222222;
}

.proinfo-tops .uls .lis-right {
  width: calc(100% - 2.9rem);
  color: #888888;
}

.proinfo-tops .uls .lis-bots .lis-right {
  padding-bottom: 1.7rem;
}

.c-txts {
  line-height: 1.5;
  color: #888888;
}

.floors-tops {
  background-color: rgba(229, 203, 176, 0.1);
  padding-top: 2.75rem;
  padding-bottom: 1.625rem;
}

.floors-tops .txts {
  margin-top: 0.625rem;
  margin-bottom: 1.75rem;
}

.floors-tops .floors-tops-list {
  margin-top: 1.25rem;
  justify-content: center;
}

.floors-tops .texts {
  color: #333333;
}

.floors-tops-list .items {
  width: 23.125%;
  margin-left: 2.5%;
  margin-bottom: .5rem;
}

.floors-tops-list .items:nth-child(4n+1) {
  margin-left: 0;
}

.floors-tops-list .items .imgs {
  padding-top: 67.5675%;
}

.floors-tops-list .items .span {
  height: 2.2rem;
  line-height: 2.2rem;
  text-align: center;
  overflow: hidden;
}

.floors-tops-list .items .imgs {
  border-radius: 3px;
  overflow: hidden;
}

.confloors-list-01 {
  padding-top: 3.75rem;
  padding-bottom: 3.5rem;
}

.confloors-list-01 .uls-imgs {
  margin-top: .9rem;
  position: relative;
}

.confloors-list-01 .uls-imgs .imgs {
  position: absolute;
}

.confloors-list-01 .uls-imgs .i .imgs {
  position: absolute;
  top: 0;
  max-width: none;
  left: 0;
  overflow: hidden;
  border-radius: .35rem;
}

.confloors-list-01 .uls-imgs .i1 .imgs {
  left: 7.5rem;
  bottom: -.6rem;
  top: auto;
}

.confloors-list-01 .uls-imgs .i1 .imgs .ihide {
  width: 6.15rem;
  height: 8.775rem;
}

.confloors-list-01 .uls-imgs .xian {
  position: absolute;
}

.confloors-list-01 .uls-imgs .i .xian {
  height: 1px;
  background-color: #bc8b62;
}

.confloors-list-01 .uls-imgs .i .span {
  line-height: 1;
  position: absolute;
  left: -.375rem;
  bottom: .9rem;
  color: #333333;
}

.confloors-list-01 .uls-imgs .i .d {
  position: absolute;
  width: .75rem;
  height: .75rem;
  top: 50%;
  transform: translateY(-50%);
  outline: 1px solid #bd8c63;
  border-radius: 50%;
  border: .15rem solid #f6ebdc;
  background-color: #bc8b62;
  z-index: 1;
}

.confloors-list-01 .uls-imgs .i .d0 {
  left: -0.375rem;
}

.confloors-list-01 .uls-imgs .i .d1 {
  right: -0.375rem;
}

.confloors-list-01 .uls-imgs .i1 .xian {
  right: 7rem;
  bottom: 3.375rem;
  width: 39.375%;
}

.confloors-list-01 .uls-imgs .i0 .xian {
  right: 2.25rem;
  top: 5.25rem;
  right: 5.625%;
  top: 33.87%;
  width: 67.1875%;
}

.confloors-list-01 .uls-imgs .i0 .imgs {
  left: 0;
  top: .2%;
}

.confloors-list-01 .uls-imgs .i0 .imgs .ihide {
  width: 6.175rem;
  height: 8.775rem;
}

.confloors-list-01 .lis:nth-child(n+2) {
  margin-top: 2.7rem;
}

.confloors-list-01 .uls2-list {
  margin-top: 1.125rem;
}

.confloors-list-01 .uls2-list .i {
  border-top: 1px solid #d9d4d2;
  width: 31.75%;
  margin-left: 2.375%;
}

.confloors-list-01 .uls2-list .i:nth-child(3n+1) {
  margin-left: 0;
}

.confloors-list-01 .uls2-list .spans {
  padding-top: .7rem;
  padding-bottom: 1.2rem;
  color: #333333;
  line-height: 1.5;
}

.confloors-list-01 .uls2-list .imgs {
  padding-top: 47.33%;
  overflow: hidden;
  border-radius: 3px;
}

.con-floorslist-box .uls-tops .tits {
  line-height: 1;
  color: #523a33;
}

.con-floorslist-box .uls-tops .txts {
  color: #B28B72;
  line-height: 1.36;
  margin-top: .3rem;
}

.con-floorslist-box .confloors-list-01 .uls {
  padding-top: 1.25rem;
}

.confloors-list-02 {
  margin-bottom: 1.75rem;
}

.confloors-list-02 .uls {
  padding-top: .2rem;
  align-items: flex-end;
}

.confloors-list-02 .uls .i {
  margin-bottom: .5rem;
}

.confloors-list-02 .uls .uls-imgs {
  margin-top: .7rem;
}

.confloors-list-02 .uls .lis,
.confloors-list-02 .uls .i {
  width: 48.75%;
  margin-left: 2.5%;
}

.confloors-list-02 .uls .lis:nth-child(2n+1),
.confloors-list-02 .uls .i:nth-child(2n+1) {
  margin-left: 0;
}

.confloors-list-02 .uls .lis {
  padding-top: 1.95rem;
}

.confloors-list-02 .uls .lis.w100 {
  width: 100%;
  margin-left: 0;
}

.confloors-list-02 .uls .lisbg .uls-imgs {
  border: 1px solid #ecebec;
  height: 13rem;
}

.confloors-list-02 .uls .lisbg .uls-imgs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.confloors-list-03 {
  padding-top: 1.75rem;
  padding-bottom: 3.625rem;
}

.confloors-list-03 .li {
  margin-bottom: .5rem;
  width: 31.7%;
  position: relative;
  margin-left: 2.45%;
}

.confloors-list-03 .li .span {
  position: absolute;
  width: 100%;
  bottom: .95rem;
  line-height: 1.55;
  color: #3d1402;
  height: 1.55em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  padding: 0 .8rem;
}

.confloors-list-03 .li .imgs {
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  overflow: hidden;
}

.confloors-list-03 .li .imgs img {
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  width: 100%;
}

.confloors-list-03 .li:nth-child(3n+1) {
  margin-left: 0;
}

.confloors-list-03 .uls-list {
  margin-top: 1rem;
}

.confloors-list-03 .uls {
  padding-top: 1.75rem;
}

.assistances {
  padding-bottom: 3.05rem;
  padding-top: 3.3rem;
}

.assistances .c-con-titles {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 0.9rem;
}

.assistances .c-con-titles .txts {
  margin-top: .3rem;
}

.assistances-forms .input-submit {
  margin-top: 1.75rem;
}

.assistances-forms .input-submit .submit {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.assistances-forms .input-submit .submit input[type=submit] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
  background-color: transparent;
  text-indent: -999px;
  overflow: hidden;
}

.assistances-forms .input-submit .submit .span {
  height: 1.375rem;
  line-height: 1.375rem;
  background-color: #B28B72;
  color: #fff;
  position: relative;
  padding: 0 1.75rem;
  padding-right: .9rem;
  border-radius: 1.375rem;
}

.assistances-forms .input-submit .submit .span:before {
  position: absolute;
  content: "";
  width: 0.525rem;
  height: 0.525rem;
  left: .95rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/icon/7-01.png) no-repeat center;
  background-size: 100%;
}

.assistances-forms .forms {
  padding-top: 1.55rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e5e5e5;
}

.assistances-forms .forms .li {
  width: 48.75%;
  margin-left: 2.5%;
  margin-bottom: .7rem;
}

.assistances-forms .forms .li img {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  /* height: 100%; */
}

.assistances-forms .forms .li:nth-child(2n+1) {
  margin-left: 0;
}

.assistances-forms .forms .li input {
  border: 1px solid #e2e2e2;
  width: 100%;
  padding: 0 .5rem;
}

.assistances-forms .forms .li .li-span {
  width: 23%;
  position: relative;
  padding-right: .6rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.assistances-forms .forms .li .li-span .span {
  line-height: 1.2;
}

.assistances-forms .forms .li .li-span span {
  position: absolute;
  right: 0;
  top: 0;
  color: #ff0000;
  padding-right: .375rem;
}

.assistances-forms .forms .li .li-inputs {
  position: relative;
  width: 77%;
}

.assistances-forms .forms .li input,
.assistances-forms .forms .li .li-span,
.assistances-forms .forms .li .li-inputs {
  height: 1.5rem;
  line-height: 1.5rem;
}

.cases-tops {
  padding-top: 2.95rem;
  padding-bottom: 1.6rem;
}

.cases-tops .c-txts {
  line-height: 2;
  margin-top: .85rem;
  margin-bottom: 1.05rem;
}

.cases-tops .images {
  overflow: hidden;
}

.cases-bots {
  padding-top: 1.55rem;
  padding-bottom: 1.8rem;
}

.cases-bots .casesbots-list {
  padding-top: 2rem;
}

.casesbots-swiper .items {
  width: auto;
  margin-right: 1.75rem;
  height: .9rem;
  line-height: .9rem;
  position: relative;
  cursor: pointer;
  color: #222222;
  position: relative;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.casesbots-swiper .items:before {
  position: absolute;
  content: "";
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0;
  background: #B28B72;
  opacity: 0;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.casesbots-swiper .items:last-child {
  margin-right: 0;
}

.casesbots-swiper .items.active {
  color: #B28B72;
}

.casesbots-swiper .items.active:before {
  opacity: 1;
}

.casesbots-list .items {
  background: #f6f6f6;
  align-items: center;
}

.casesbots-list .items:nth-child(n+2) {
  margin-top: 1.25rem;
}

.casesbots-list .images {
  overflow: hidden;
}

.casesbots-list .words {
  padding: 0.2rem 1.875rem;
  padding-right: 2.1rem;
}

.casesbots-list .words .tits {
  line-height: 1.25;
}

.casesbots-list .words .txts {
  margin-top: .85rem;
  line-height: 2;
  color: #888888;
  max-height: 12em;
  overflow-y: auto;
}

.casesbots-list .words,
.casesbots-list .images {
  width: 50%;
}

.designs {
  padding-top: 2.5rem;
  padding-bottom: 2.25rem;
}

.designs .designs-list {
  padding-top: 1.75rem;
}

.designs .designs-list .list {
  padding-bottom: 1.6rem;
}

.designs-list .items {
  width: 32.5%;
  margin-left: 1.25%;
  margin-bottom: .65rem;
  cursor: pointer;
}

.designs-list .items .imgs {
  overflow: hidden;
}

.designs-list .items:nth-child(3n+1) {
  margin-left: 0;
}

.designs-list .items .span {
  border: 1px solid #e2e2e2;
  height: 3rem;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #222222;
}

.designs-list .items .span .b {
  padding: 0 .9rem;
  line-height: 1.6;
}

.recommendations {
  padding-top: 2.5rem;
  padding-bottom: 3rem;
}

.recommendations .list {
  padding-bottom: 1.1rem;
}

.recommendations .items {
  width: 31.875%;
  margin-left: 2.1875%;
  margin-bottom: .1rem;
  cursor: pointer;
}

.recommendations .items:nth-child(3n+1) {
  margin-left: 0;
}

.recommendations .recommendations-list {
  margin-top: 1.5rem;
}

.recommendations .span {
  padding-top: .65rem;
  padding-bottom: .65rem;
  line-height: 1.8;
  color: #222222;
}

.recommendations .imgs {
  padding-top: 56.25%;
  overflow: hidden;
}

.recommendations .images {
  /* padding: .9rem 0; */
  background-color: #010101;
  position: relative;
}

.recommendations .images:before,
.recommendations .images:after {
  pointer-events: none;
}

.recommendations .images:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(33, 14, 6, 0.5);
  z-index: 1;
}

.recommendations .images:after {
  position: absolute;
  content: "";
  z-index: 3;
  width: 1.25rem;
  height: 1.25rem;
  background: url(../img/icon/play.png) no-repeat center;
  background-size: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}

.recommendations .items.play .images:after {
  opacity: 1;
}

.video-list {
  padding-top: 2.625rem;
  padding-bottom: 3.3rem;
}

.video-list .video-tits-lists {
  margin-top: 1.2rem;
  margin-bottom: 1.1rem;
}

.video-tits-lists input:-moz-placeholder,
.video-tits-lists textarea:-moz-placeholder {
  color: #bdbdbd;
}

.video-tits-lists input::-moz-placeholder,
.video-tits-lists textarea::-moz-placeholder {
  color: #bdbdbd;
}

.video-tits-lists input:-ms-input-placeholder,
.video-tits-lists textarea:-ms-input-placeholder {
  color: #bdbdbd;
}

.video-tits-lists input::-webkit-input-placeholder,
.video-tits-lists textarea::-webkit-input-placeholder {
  color: #bdbdbd;
}

.video-tits-lists .items {
  width: auto;
}

.video-tits-lists .uls {
  width: calc(100% - 10rem);
}

.video-tits-lists .uls .items {
  margin-right: .2rem;
  padding: 0 .7rem;
  border-radius: 1.15rem;
  line-height: 1.15rem;
  height: 1.15rem;
  cursor: pointer;
}

.video-tits-lists .uls .items.active {
  background-color: #B28B72;
  color: #fff;
}

.video-tits-lists .inputs {
  width: 10rem;
  position: relative;
}

.video-tits-lists .inputs input {
  height: 1.15rem;
  line-height: 1.15rem;
  color: #bdbdbd;
}

.video-tits-lists .inputs input[type=text] {
  width: 100%;
  border: 1px solid #e5e5e5;
  padding: 0 .5rem;
  padding-right: 1.25rem;
}

.video-tits-lists .inputs input[type=submit] {
  width: 1.25rem;
  height: 1.15rem;
  position: absolute;
  right: 0;
  top: 0;
  text-indent: -999px;
  overflow: hidden;
  background: url(../img/icon/7-03.png) #B28B72 no-repeat center;
  background-size: 100%;
}

.news {
  padding-top: 2.5rem;
  padding-bottom: 2.45rem;
}

.news .list {
  padding-bottom: 2rem;
  padding-top: 1.25rem;
}

.news .list .items {
  align-items: stretch;
}

.news .list .items:nth-child(n+2) {
  margin-top: .95rem;
}

.news .imgs,
.news .words {
  width: 50%;
}

.news .imgs {
  height: 11.25rem;
}

.news .imgs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news .span {
  line-height: 1.857;
  color: #666666;
}

.news .span .i {
  margin-right: .5rem;
  color: #fff;
  line-height: 1.857;
  height: 1.875em;
  padding: 0 .25rem;
  background-color: #B28B72;
}

.news .imgs img {
  height: 100%;
  object-fit: cover;
}

.news .words {
  border: 1px solid #e2e2e2;
  padding: 2.5rem 2.25rem 1rem;
  padding-left: 2.5rem;
  /*padding-bottom: .25rem;*/
}

.news .txts {
  margin-top: .45rem;
  color: #000000;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow:ellipsis;

}

.news .texts {
  margin-top: .5rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
  max-height: 5.4em;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.news .video-tits-lists {
  justify-content: space-between;
}

.ab-list-01 {
  position: relative;
}

.ab-list-01 img {
  display: block;
  width: 100%;
}

.ab-list-01 .words {
  position: absolute;
  left: 50%;
  top: 3.1rem;
  transform: translateX(-50%);
}

.ab-list-01 .words .txts {
  margin-top: .75rem;
  line-height: 1.5;
  color: #444444;
}

.ab-list-02 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  overflow: hidden;
}

.ab-list-02 ::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.ab-list-02 ::-webkit-scrollbar-track {
  background: #f0e8e3;
}

.ab-list-02 ::-webkit-scrollbar-thumb {
  background: #B28B72;
}

.ab-list-02 ::-webkit-scrollbar-thumb:window-inactive {
  background: #B28B72;
}

.ab-list-02 ::-webkit-scrollbar-thumb:vertical:hover {
  background: #B28B72;
}

.ab-list-02 .tits-span span {
  display: inline-block;
  vertical-align: top;
  padding: 0 .75rem;
  color: #fff;
  background: #B28B72;
  border-radius: 1.8em;
  height: 0.1 0.8em;
  line-height: 1.8em;
}

.ab-list-02 .texts {
  margin-top: 1.3rem;
  height: 13rem;
  overflow: hidden;
  overflow-y: auto;
  line-height: 2;
  color: #888888;
}

.ab-list-02 .zk {
  display: none;
  width: max-content;
  color: #333;
  line-height: 1;
  margin: .5rem auto 0;
}

.ab-list-02 .words {
  width: 38.75%;
  background-color: #fff;
  position: relative;
  z-index: 5;
  padding-right: .95rem;
}

.ab-list-02 .words:before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 1000%;
  right: 0;
  top: 0;
  z-index: 2;
  background-color: #fff;
  pointer-events: none;
}

.ab-list-02 .words .tbox {
  position: relative;
  z-index: 4;
}

.ab-list-02 .texts {
  padding-right: 1.1rem;
}

.ab-list-02 .swiper-container .swiper-scrollbar {
  width: 100%;
  left: 0;
  height: 1px;
  background: #e8e8e8;
  bottom: 0;
}

.ab-list-02 .swiper-container .swiper-scrollbar .swiper-scrollbar-drag {
  background: #B28B72;
  height: 2px;
}

.ab-list-02 .words,
.ab-list-02 .swiper-container {
  padding-bottom: 1.125rem;
}

.ab-list-02 .items {
  width: 61.22%;
  margin-right: .7rem;
}

.ab-list-02 .items:last-child {
  margin-right: 0;
}

.ab-list-02 .swiper-container {
  overflow: visible;
}

.ab-list-02 .images {
  width: 61.25%;
}

.ab-list-02 .imgs {
  position: relative;
  padding-top: 91.66%;
  overflow: hidden;
}

.ab-list-02 .imgs:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/icon/bg.png) no-repeat center bottom;
  background-size: 100%;
}

.ab-list-02 .spans {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 0 1.35rem;
  bottom: .65rem;
  line-height: 1.8;
  color: #fff;
  z-index: 3;
}

.ab-list-03 {
  background: #B28B72;
  padding-top: 2.95rem;
  padding-bottom: 1.8rem;
}

.imghides {
  display: block;
  visibility: hidden;
}

.ab-list-04 {
  padding-top: 3.5rem;
  padding-bottom: 3.1rem;
  background-size: cover;
}

.ab-list-04 .lis:nth-child(n+2) {
  margin-top: 1.75rem;
}

.ab-list-04 .lis-tops {
  line-height: 1;
  color: #B28B72;
}

.ab-list-04 .lis-bots {
  margin-top: .3rem;
  color: #222222;
  line-height: 1.38;
}

.ab-list-04 .uls {
  margin-top: 2.8rem;
}

.ab-list-05 {
  position: relative;
}

.ab-list-05 .abli04-titles {
  position: absolute;
  left: 50%;
  top: 3.6rem;
  transform: translateX(-50%);
  z-index: 3;
}

.ab-list-05 .abli04-titles .txts {
  margin-top: .5rem;
  line-height: 2;
  color: #888888;
}

.ab-list-05 .items {
  overflow: hidden;
  position: relative;
}

.ab-list-05 .ab04-swiper {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
}

.ab-list-05 .ab04-swiper .li-tops,
.ab-list-05 .ab04-swiper .li-bots {
  position: absolute;
}

.ab-list-05 .ab04-swiper .li {
  position: absolute;
  z-index: 4;
}

.ab-list-05 .ab04-swiper .li .li-bots {
  left: 0;
  bottom: 0;
}

.ab-list-05 .ab04-swiper .li-tops {
  left: 50%;
  bottom: 98%;
  width: 4.25rem;
  height: 5.75rem;
  transform: translateX(-50%);
}

.ab-list-05 .ab04-swiper .itops,
.ab-list-05 .ab04-swiper .ibots {
  opacity: 0;
  visibility: hidden;
  /*transition:none;*/
  transition: 0.1s cubic-bezier(0.3, 0, 0.24, 1);
}

.ab-list-05 .ab04-swiper .li.active .itops,
.ab-list-05 .ab04-swiper .li.active .ibots {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: 0.8s cubic-bezier(0.3, 0, 0.24, 1);
}

.ab-list-05 .ab04-swiper .li.active .itops {
  transform: translateX(-50%) translateY(0);
}

.ab-list-05 .ab04-swiper .itops {
  transform: translateX(-50%) translateY(-15px);
  z-index: 1;
}

.ab-list-05 .ab04-swiper .ibots {
  z-index: 3;
  transform: translateY(15px);
}

.ab-list-05 .ab04-swiper .li.active.li0 .itops {
  transition-delay: .1s;
}

.ab-list-05 .ab04-swiper .li.active.li0 .ibots {
  transition-delay: .2s;
}

.ab-list-05 .ab04-swiper .li.active.li1 .itops {
  transition-delay: .2s;
}

.ab-list-05 .ab04-swiper .li.active.li1 .ibots {
  transition-delay: .3s;
}

.ab-list-05 .ab04-swiper .li.active.li2 .itops {
  transition-delay: .3s;
}

.ab-list-05 .ab04-swiper .li.active.li2 .ibots {
  transition-delay: .4s;
}

.ab-list-05 .ab04-swiper .li.active.li3 .itops {
  transition-delay: .4s;
}

.ab-list-05 .ab04-swiper .li.active.li3 .ibots {
  transition-delay: .5s;
}

.ab-list-05 .ab04-swiper .li.active.li4 .itops {
  transition-delay: .4s;
}

.ab-list-05 .ab04-swiper .li.active.li4 .ibots {
  transition-delay: .5s;
}

.ab-list-05 .ab04-swiper .li.active.li5 .itops {
  transition-delay: .5s;
}

.ab-list-05 .ab04-swiper .li.active.li5 .ibots {
  transition-delay: .6s;
}

.ab-list-05 .ab04-swiper .li.active.li6 .itops {
  transition-delay: .6s;
}

.ab-list-05 .ab04-swiper .li.active.li6 .ibots {
  transition-delay: .7s;
}

.ab-list-05 .ab04-swiper .li.active.li7 .itops {
  transition-delay: .7s;
}

.ab-list-05 .ab04-swiper .li.active.li7 .ibots {
  transition-delay: .8s;
}

.ab-list-05 .ab04-swiper .li0 {
  left: 46.875%;
  /*bottom: -1.44%;*/
  bottom: -1.6rem;
}

.ab-list-05 .ab04-swiper .li0 .li-bots {
  width: 4.925rem;
  height: 11.6rem;
}

.ab-list-05 .ab04-swiper .li1 {
  left: 30.73%;
  /*bottom: -1.84%;*/
  bottom: -2.575rem;
}

.ab-list-05 .ab04-swiper .li1 .li-bots {
  width: 4.925rem;
  height: 11.6rem;
}

.ab-list-05 .ab04-swiper .li2 {
  left: 38.55%;
  /*bottom: -4.45%;*/
  bottom: -6.225rem;
}

.ab-list-05 .ab04-swiper .li2 .li-bots {
  width: 5.325rem;
  height: 12.525rem;
}

.ab-list-05 .ab04-swiper .li3 {
  left: 55.2%;
  /*bottom: -3.47%;*/
  bottom: -4.85rem;
}

.ab-list-05 .ab04-swiper .li3 .li-bots {
  width: 4.925rem;
  height: 11.6rem;
}

.ab-list-05 .ab04-swiper .li4 {
  left: 16.7%;
  /*bottom: -3.9%;*/
  bottom: -5.45rem;
}

.ab-list-05 .ab04-swiper .li4 .li-bots {
  width: 4.925rem;
  height: 11.6rem;
}

.ab-list-05 .ab04-swiper .li5 {
  left: 23.59%;
  /*bottom: -6.92%;*/
  bottom: -9.675rem;
}

.ab-list-05 .ab04-swiper .li5 .li-bots {
  width: 5.6rem;
  height: 13.2rem;
}

.ab-list-05 .ab04-swiper .li6 {
  left: 71.61%;
  /*bottom: -4.27%;*/
  bottom: -5.975rem;
}

.ab-list-05 .ab04-swiper .li6 .li-bots {
  width: 4.925rem;
  height: 11.6rem;
}

.ab-list-05 .ab04-swiper .li7 {
  left: 62.19%;
  /*bottom: -8.15%;*/
  bottom: -11.4rem;
}

.ab-list-05 .ab04-swiper .li7 .li-bots {
  width: 6.4rem;
  height: 14.4rem;
}

.ab03bots .items {
  width: auto;
  width: 11.11%;
  text-align: center;
  position: relative;
  justify-content: center;
}

.ab-list-03 .ab03-swipers {
  margin-top: 3.25rem;
}

.ab03-bots .ab03bots {
  padding-top: .5rem;
  position: relative;
}

.ab03-bots .ab03bots:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  top: .2rem;
  background-color: #fff;
}

.ab03-bots .ab03bots .span {
  color: #fff;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.ab03-bots .ab03bots .items {
  height: 1.375rem;
  line-height: 1.375rem;
  position: relative;
}

.ab03-bots .ab03bots .items .before {
  position: absolute;
  left: 50%;
  top: -.4rem;
  transform: translateX(-50%);
  background-color: #fff;
  width: .3rem;
  height: .3rem;
  border-radius: 50%;
}

.ab03-bots .ab03bots .items .before:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  width: calc(100% + .2rem);
  height: calc(100% + .2rem);
  transform: translate(-50%, -50%);
  border: 1px solid #4F3024;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  opacity: 0;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.ab03-bots .ab03bots .items.active .span {
  color: #4F3024;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.ab03-bots .ab03bots .items.active .before {
  background-color: #4F3024;
}

.ab03-bots .ab03bots .items.active .before:before {
  opacity: 1;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.ab03-tops {
  padding-bottom: 3.15rem;
}

.ab03tops .items {
  padding-left: 3rem;
  padding-right: 3rem;
  align-items: center;
}

.ab03tops .imgs,
.ab03tops .words {
  width: 50%;
}

.ab03tops .tits {
  line-height: 1;
}

.ab03tops .words {
  padding-left: 2rem;
  padding-right: 2rem;
}

.ab03tops .words .txts {
  line-height: 1.78;
  color: rgba(255, 255, 255, 0.7);
  margin-top: .5rem;
}

.ab03tops .swiper-button-next,
.ab03tops .swiper-button-prev {
  background-color: rgba(255, 255, 255, 0.2);
}

@media screen and (max-width: 1921px) {
  .w1120 {
    width: 85%;
    max-width: 1120px;
    margin: 0 auto;
  }
}

.styles-bots-listtitles .inputs input[type=text] {
  max-width: calc(100% - 4rem);
}

.styles-bots-itemsbox .list .items .imgs .i1 {
  opacity: 0;
}

.con-list-titles .items.active .span {
  font-family: "FZLTZHJW";
}

@media screen and (min-width: 1025px) {
  .news .list .items .imgs {
    overflow: hidden;
  }

  .news .list .items .imgs img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .news .list .items:hover img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: scale3d(1.05, 1.05, 1);
  }

  .video-tits-lists .uls .items {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .video-tits-lists .uls .items:hover {
    background-color: #B28B72;
    color: #fff;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .recommendations .items img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .recommendations .items:hover img {
    transform: scale3d(1.05, 1.05, 1);
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .fashions-bots .list .item .imgs {
    overflow: hidden;
  }

  .fashions-bots .list .item img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .fashions-bots .list .item:hover img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: scale3d(1.05, 1.05, 1);
  }

  .designs-fixeds .close {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .designs-fixeds .close:hover {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    background: url(../img/icon/cha2.png) #B28B72 no-repeat center;
    background-size: 30%;
  }

  .cases-tops .c-txts {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
  }

  .casesbots-swiper .items:hover {
    color: #B28B72;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .casesbots-swiper .items:hover:before {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    opacity: 1;
  }

  .casesbots-list .items img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .casesbots-list .items:hover img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: scale3d(1.05, 1.05, 1);
  }

  .assistances-forms .input-submit .submit {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .assistances-forms .input-submit .submit:hover .span {
    transform: translateY(-5px);
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .con-list-titles .items:hover .span {
    font-family: "FZLTZHJW";
  }

  .confloors-list-01 .uls2-list .i img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .confloors-list-01 .uls2-list .i:hover img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: scale3d(1.05, 1.05, 1);
  }

  .floors-tops-list .items img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .floors-tops-list .items:hover img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: scale3d(1.05, 1.05, 1);
  }

  .c-swiper .swiper-button-next,
  .c-swiper .swiper-button-prev {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .c-swiper .swiper-button-next:hover,
  .c-swiper .swiper-button-prev:hover {
    background-color: #B28B72;
  }

  .styles-bots-itemsbox .list .items:hover .imgs .i0 {
    opacity: 0;
  }

  .styles-bots-itemsbox .list .items:hover .imgs .i1 {
    opacity: 1;
  }

  .proinfo-bots .proinfo-swiper .swiper-slide:hover .icons {
    opacity: 1;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .styles-bots-listtitles .inputs .submits span:before {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .styles-bots-listtitles .inputs .submits:hover span:before {
    transform: translateX(5px);
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .styles-bots-itemsbox .list .items:hover img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: scale3d(1.05, 1.05, 1);
  }

  .styles-bots-itemsbox .list .items img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .styles-bots-listtitles .uls .mores span {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .styles-bots-listtitles .uls .mores span:hover {
    color: #B28B72;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .styles-bots-listtitles .uls .i span {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .styles-bots-listtitles .uls .i:hover span {
    color: #fff;
    background: #B28B72;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .styles-tops .list .items img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .styles-tops .list .items:hover img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: scale3d(1.05, 1.05, 1);
  }

  .con-prolist-box .prolist-left-tips .uls .li:hover {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    color: #B28B72;
  }

  .con-prolist-box .prolist-left-tips .uls .li:hover:before {
    background-color: #B28B72;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .con-list-03 .li-bots-imgs .i {
    overflow: hidden;
  }

  .con-list-03 .li-bots,
  .con-list-02 .con-pro-list .li-bots .i,
  .con-list-01 .li-bot-texts .icons,
  .con-list-04 .li-box-01 .li-bots .i,
  .con-list-04 .li-box .imgs-icons,
  .con-list-03 .li-bots-imgs .icons {
    overflow: hidden;
  }

  .con-list-03 .li-bots img,
  .con-list-02 .con-pro-list .li-bots .i img,
  .con-list-01 .li-bot-texts .icons img,
  .con-list-04 .li-box-01 .li-bots .i img,
  .con-list-04 .li-box .imgs-icons img,
  .con-list-03 .li-bots-imgs .icons img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .con-list-03 .li-bots:hover img,
  .con-list-02 .con-pro-list .li-bots .i:hover img,
  .con-list-01 .li-bot-texts .icons:hover img,
  .con-list-04 .li-box-01 .li-bots .i:hover img,
  .con-list-04 .li-box .imgs-icons:hover img,
  .con-list-03 .li-bots-imgs .icons:hover img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: scale3d(1.05, 1.05, 1);
  }

  .con-list-04 .li-box-01 .li-bots .i {
    overflow: visible;
  }

  .con-list-04 .li-box-01 .li-bots .i .imgs {
    overflow: visible;
  }

  .con-list-01 .con-pro-list .li-bots .i img,
  .con-list-01 .con-pro-list .li-bots .i:hover img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .con-list-01 .con-pro-list .li-bots .i:hover img {
    transform: scale3d(1.05, 1.05, 1);
  }

  .k-list-titles .li {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    cursor: pointer;
  }

  .k-list-titles .li:hover {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    color: #fff;
    background-color: #B28B72;
  }

  .k-searchs .items .span {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .k-searchs .items .span:hover {
    color: #B28B72;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .con-list-titles .items .span:hover {
    color: #523a33;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .con-list-titles .items .span:hover:before {
    opacity: 1;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .designs-list .items img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .designs-list .items:hover img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: scale3d(1.05, 1.05, 1);
  }

  .designs-list .items:hover .span {
    color: #523a33;
  }

  .news .list .items .words {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .news .list .items .words .txts {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .news .list .items:hover .words {
    border-color: #B28B72;
  }

  .news .list .items:hover .txts {
    color: #B28B72;
  }
}

.product-titles img.homes {
  width: .5rem;
}

@media screen and (max-width: 1481px) {
  .proinfo-swiper .swiperwidth {
    width: 4rem;
  }

  .ab-list-05 .items .bg {
    padding-top: 1rem;
  }

  .confloors-list-01 .uls-imgs .i0 .imgs {
    width: 15.375%;
    height: 56.6%;
  }

  .confloors-list-01 .uls-imgs .i0 .imgs .ihide {
    width: 100%;
    height: 100%;
  }

  .confloors-list-01 .uls-imgs .i1 .imgs {
    width: 15.375%;
    height: 56.6%;
    bottom: -3.87%;
    left: 18.75%;
  }

  .confloors-list-01 .uls-imgs .i1 .imgs .ihide {
    width: 100%;
    height: 100%;
  }

  .confloors-list-01 .uls-imgs .i1 .xian {
    right: 17.5%;
  }
}

.pcbox {
  display: block;
}

.mbox {
  display: none;
}

@media screen and (max-width: 1024px) {
  .ab-list-05 .abli04-titles {
    position: static;
    transform: none;
  }

  .ab-list-05 .imghides {
    display: none;
  }

  .ab-list-05 .items {
    width: 30%;
    margin-right: 5%;
  }

  .ab-list-05 .items img {
    width: 100%;
  }

  .ab-list-05 .items:last-child {
    margin-right: 0;
  }

  .ab-list-05 .ab04-swiper-m {
    margin-top: 1.5rem;
  }

  .ab-list-05 .ab04-swiper-m .swiper-button-prev {
    left: 3%;
  }

  .ab-list-05 .ab04-swiper-m .swiper-button-next {
    right: 3%;
  }

  .ab-list-05 {
    padding-top: 3.5rem;
    padding-bottom: 3.1rem;
  }

  .ab-list-04 .uls,
  .ab-list-03 .ab03-swipers {
    margin-top: 1.25rem;
  }

  .ab-list-02 .images,
  .ab-list-02 .words {
    width: 100%;
  }

  .ab-list-02 .words {
    padding-right: 0;
  }

  .ab03-bots .ab03bots .items {
    width: auto;
    min-width: 20%;
  }

  .ab03-tops {
    padding-bottom: .5rem;
  }

  .ab-list-02 .words:before {
    display: none;
  }

  .ab-list-02 .texts {
    height: auto;
    overflow: visible;
    padding-right: 0;
  }

  .ab03tops .items {
    padding: 0;
  }

  .ab03tops .imgs,
  .ab03tops .words {
    width: 100%;
  }

  .ab03tops .imgs img,
  .ab03tops .words img {
    width: 100%;
  }

  .ab03tops .words {
    padding: 1rem .5rem;
  }

  .news .imgs,
  .news .words {
    width: 100%;
  }

  .news .imgs img,
  .news .words img {
    width: 100%;
  }

  .news .words {
    border: 1px solid #e2e2e2;
    padding: 1.5rem 1rem;
  }

  .video-tits-lists .uls,
  .video-tits-lists .inputs {
    width: 100%;
  }

  .video-tits-lists .inputs {
    margin-top: .75rem;
  }

  .designs-fixeds .box {
    padding-top: 2rem;
  }

  .designs-fixeds .box .cons {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .designs-list .items {
    width: 49%;
    margin-left: 2%;
  }

  .designs-list .items:nth-child(3n+1) {
    margin-left: 2%;
  }

  .designs-list .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .cases-tops {
    padding-bottom: 1rem;
    padding-top: 2rem;
  }

  .con-list-titles .items {
    padding: 0 .75rem;
  }

  .casesbots-swiper .items {
    margin-right: 1rem;
  }

  .casesbots-list .words,
  .casesbots-list .images {
    width: 100%;
  }

  .casesbots-list .words {
    padding: 1.25rem 1rem;
  }

  .casesbots-list .words .txts {
    max-height: none;
    margin-top: .75rem;
    line-height: 1.75;
  }

  .assistances-forms .forms .li {
    width: 100%;
    margin-left: 0;
  }

  .pcbox {
    display: none;
  }

  .mbox {
    display: block;
  }

  .floors-tops-list .items {
    width: 49%;
    margin-left: 2%;
  }

  .floors-tops-list .items:nth-child(4n+1) {
    margin-left: 2%;
  }

  .floors-tops-list .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .confloors-list-01 .uls-imgs .i .d {
    left: 50%;
    transform: translateX(-50%);
  }

  .confloors-list-01 .uls-imgs .i1 .xian {
    width: 29%;
    height: 39%;
    background-color: transparent;
    background: url(../img/icon/xians.png) no-repeat center;
    background-size: 100%;
    bottom: 9%;
  }

  .confloors-list-01 .uls-imgs .i0 .xian {
    width: 1px;
    height: 23.6%;
  }

  .confloors-list-01 .uls-imgs .i .d0 {
    left: auto;
    top: -.375rem;
  }

  .confloors-list-01 .uls-imgs .i .d1 {
    top: auto;
    bottom: -.375rem;
  }

  .confloors-list-01 .uls-imgs .i0 .imgs {
    width: 40%;
    height: 29%;
    left: 10.48%;
    top: 3px;
  }

  .confloors-list-01 .uls-imgs .i0 .imgs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .confloors-list-01 .uls-imgs .i .span {
    /*width: 3em;*/
    white-space: nowrap;
    text-align: center;
    bottom: auto;
    top: -1.5rem;
    left: 50%;
    transform: translateX(-50%);
  }

  .confloors-list-01 .uls-imgs .i0 .xian {
    left: 28.358%;
    top: auto;
    right: auto;
    bottom: 39%;
  }

  .confloors-list-01 .uls-imgs .i.i1 .d0 {
    transform: none;
    left: calc(100% - .375rem);
  }

  .confloors-list-01 .uls-imgs .i.i1 .d1 {
    transform: none;
    left: -.375rem;
  }

  .confloors-list-01 .uls-imgs .i.i1 .span {
    left: 100%;
  }

  .confloors-list-01 .uls-imgs .i1 .imgs {
    width: 36.567%;
    height: 29%;
    bottom: 55%;
    left: auto;
    right: .75%;
  }

  .confloors-list-01 .uls-imgs .i1 .imgs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .product-titles img.homes {
    width: .6rem;
  }

  .proinfo-bots .proinfo-swiper .swiper-button-next {
    right: .75rem;
  }

  .proinfo-bots .proinfo-swiper .swiper-button-prev {
    left: .75rem;
  }

  .proinfo-swiper {
    width: 92%;
  }

  .c-swiper .swiper-button-next,
  .c-swiper .swiper-button-prev {
    background-color: #B28B72;
  }

  .proinfo-tops .images,
  .proinfo-tops .words {
    width: 100%;
  }

  .proinfo-tops .words {
    padding-left: 0;
  }

  .styles-bots-listtitles .uls .lis-tops {
    width: 100%;
    text-align: left;
    padding: 0 .75rem;
  }

  .styles-bots-listtitles .uls .lis-bots .i:nth-child(1) {
    left: 0.75rem;
  }

  .styles-bots-listtitles .uls .lis-bots {
    width: 100%;
  }

  .styles-bots-listtitles .uls .mores {
    padding-right: .75rem;
  }

  .styles-bots-listtitles .uls .lis-bots {
    padding-right: 2.25rem;
    height: auto;
  }

  .styles-tops .list .items {
    width: 23.5%;
    margin-left: 2%;
  }

  .styles-tops .list .items:nth-child(5n+1) {
    margin-left: 2%;
  }

  .styles-tops .list .items:nth-child(4n+1) {
    margin-left: 0;
  }

  .con-prolist-box .prolist-left-tips {
    display: none;
  }

  .w1600 {
    width: 90%;
  }

  .k-searchs .items {
    width: 49%;
    margin-left: 2%;
  }

  .w1120 {
    width: 92%;
  }

  .con-list-01 .con-pro-list .li-bots .i {
    width: 49%;
    margin-left: 2%;
  }

  .con-list-01 .con-pro-list .li-bots .i:nth-child(4n+1) {
    margin-left: 2%;
  }

  .con-list-01 .con-pro-list .li-bots .i:nth-child(2n+1) {
    margin-left: 0;
  }

  .con-list-04 .li-box-01 .li-bots .i {
    width: 49%;
    margin-left: 2%;
  }

  .con-list-04 .li-box-01 .li-bots .i:nth-child(3n+1) {
    margin-left: 2%;
  }

  .con-list-04 .li-box-01 .li-bots .i:nth-child(2n+1) {
    margin-left: 0;
  }

  .con-list-03 .li-box .items,
  .con-list-02 .con-pro-list .li-bots-2 .i,
  .con-list-02 .con-pro-list .li-bots .i {
    width: 100%;
    margin-left: 0;
    margin-bottom: 1rem;
  }

  .con-prolist-box .prolist-left-tips .uls .li.active {
    padding-left: .6rem;
  }

  .con-prolist-box .prolist-left-tips .uls .li.active:before {
    width: .3rem;
  }

  .designs-fixeds .swiper-button-prev {
    left: .5rem;
  }

  .designs-fixeds .swiper-button-next {
    right: .5rem;
  }

  .designs-fixeds .box .cons::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5);
  }
}

.ab0list .abli {
  position: relative;
}

.ab0list .abli .abk {
  position: absolute;
  left: 0;
  top: -2.5rem;
}

@media screen and (max-width: 768px) {
  .ab-list-01 .words {
    position: static;
    transform: none;
    padding: 1.5rem .25rem;
  }

  .news .imgs {
    height: auto;
  }

  .ab-list-05 .items {
    width: 100%;
    margin-right: 0;
  }

  .recommendations .items {
    width: 100%;
    margin-left: 0;
  }

  .cases-tops .c-txts {
    text-align: center;
  }

  .fashions-bots .list {
    height: auto !important;
  }

  .fashions-bots .list .item {
    position: static;
    width: 100% !important;
    margin-left: 0;
  }

  .fashions-bots .list .item img {
    width: 100%;
  }

  .designs-fixeds .box .cons {
    padding-left: .7rem;
    padding-right: .7rem;
  }

  .designs-list .items {
    width: 100%;
    margin-left: 0%;
  }

  .designs-list .items:nth-child(3n+1) {
    margin-left: 0%;
  }

  .designs-list .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .k-searchs .items {
    width: 100%;
    margin-left: 0;
  }

  .styles-bots-itemsbox .list .items {
    width: 100%;
    margin-left: 0%;
  }

  .styles-bots-itemsbox .list .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .confloors-list-01 .uls2-list .i {
    width: 100%;
    margin-left: 0;
  }

  .confloors-list-03 .li {
    width: 100%;
    margin-left: 0;
  }

  .confloors-list-02 .uls .lis,
  .confloors-list-02 .uls .i {
    width: 100%;
    margin-left: 0;
  }

  .assistances-forms .forms .li .li-span,
  .assistances-forms .forms .li .li-inputs {
    width: 100%;
  }

  .assistances {
    padding-top: 2.25rem;
    padding-bottom: 1.75rem;
  }

}

/*# sourceMappingURL=new.css.map */